<template>
	<view>
		<u-navbar :is-back="true" title="资质认证" title-color="white" :background="{backgroundColor: '#00a8ff'}"
			:border-bottom="false">
		</u-navbar>
		<!-- 头部   -->
		<view class="u-p-15 u-font-12" style="background-color: #f3f4f5;color: #b2b2b2;">
			请上传医生资质文件照片，敏感信息可打码马赛克
		</view>
		<!-- 医生资格证 -->
		<view class="u-padding-left-26 u-padding-right-26 u-margin-bottom-26">
			<h4 class="u-padding-top-20 u-padding-bottom-20">医生资格证</h4>
			<u-row gutter="16">
				<u-col span="6">
					<view class="demo-layout bg-purple">
						<image src="../../../static/index/zzrz/sysl.png" mode="" class="image_d">
						</image>
					</view>
				</u-col>
				<u-col span="6">
					<view class="demo-layout bg-purple-light">
						<image :src="oss+data.p_image" mode="" class="image_d">
						</image>
					</view>
				</u-col>
			</u-row>
			<u-row gutter="16">
				<u-col span="6">
					<view class="demo-layout bg-purple">
						<image src="../../../static/index/zzrz/xqsl.png" mode="" class="image_d">
						</image>
					</view>
				</u-col>
				<u-col span="6">
					<view class="demo-layout bg-purple-light">
						<image :src="oss+data.d_image" mode="" class="image_d">
						</image>
					</view>
				</u-col>
			</u-row>
		</view>
		<view class="u-padding-left-26 u-padding-right-26">
			<h4 class="u-padding-top-20 u-padding-bottom-20">医生执业证</h4>
			<u-row gutter="16">
				<u-col span="6">
					<view class="demo-layout bg-purple">
						<image src="../../../static/index/zzrz/zysysl.png" mode="" class="image_d">
						</image>
					</view>
				</u-col>
				<u-col span="6">
					<view class="demo-layout bg-purple-light">
						<image :src="oss+data.w_p_image" mode="" class="image_d">
						</image>
					</view>
				</u-col>
			</u-row>
			<u-row gutter="16">
				<u-col span="6">
					<view class="demo-layout bg-purple">
						<image src="../../../static/index/zzrz/zyxm.png" mode="" class="image_d">
						</image>
					</view>
				</u-col>
				<u-col span="6">
					<view class="demo-layout bg-purple-light">
						<image :src="oss+data.w_d_image" mode="" class="image_d">
						</image>
					</view>
				</u-col>
			</u-row>
			<u-row gutter="16">
				<u-col span="6">
					<view class="demo-layout  bg-purple">
						<image src="../../../static/index/zzrz/zynew.png" mode="" class="image_d">
						</image>
					</view>
				</u-col>
				<u-col span="6">
					<view class="demo-layout bg-purple-light">
						<image :src="oss+data.w_u_image" mode="" class="image_d">
						</image>
					</view>
				</u-col>
			</u-row>
		</view>
		<u-cell-group style="padding: 0rpx 26rpx;background-color: #FFFFFF;">
			<u-cell-item title="编号" :value="data.bn"></u-cell-item>
			<u-cell-item title="有效期" :value="$u.timeFormat(data.endtime, 'yyyy年mm月dd日')"></u-cell-item>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: '',
				oss:'http://zjmeifeng.oss-cn-beijing.aliyuncs.com/',
			}
		},
		onLoad() {
			this.getWorking();
		},
		methods: {

			// getWorking 获取资质认证
			getWorking() {
				this.$apiVipCentre.working({}).then((res) => {
					console.log("获取资质认证: ", res.data.data);
					
					if(res.data.code==1){
						console.log("成功");
					}
					
					this.data = res.data.data;

				}).catch((err) => {
					console.log('request fail', err);
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.image_d {
		width: 100%;
		height: 200rpx;
	}
</style>
